@import "style_05info.css";

*{margin: 0;padding: 0;}
html,body{font-size: 16px;line-height:120%;color:#333333;}


img{border: none;vertical-align: middle;}
li{list-style: none;vertical-align: middle;}
a{text-decoration: none;cursor: pointer;color: #333333;}


.msyh{font-family: "Microsoft YaHei";}
.ma{margin: auto;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.pt5{padding-top: 5px;}
.p10{padding: 10px;}
.p20{padding: 20px;}
.p30{padding: 30px;}
.fl{float: left;}
.fr{float: right;}
.center{text-align: center;}
.right{text-align: right;}
.w100{width: 100%;}
.red{color: red;}
.blue{color: blue;}
.white{color: white;}
.f16{font-size: 16px;}
.bold{font-weight: bold;}
.none{display: none;}
.more{float: right;padding-right: 10px;}
.relative{position: relative;}
.clear{clear: both;}


/*列表文章*/
.lst01{height: 60px;background: #fbfbfb;box-shadow: 0 0 80px rgba(37,37,37,.5);}
.lst02{float: left;padding: 17px 0 0 0px;}
.lst03{height: 40px;line-height:40px;float: right;margin-top: 10px;}
.lst03 li{font-size: 20px;float: left;padding: 0 10px;margin: 0 15px;}
.lst03 li:hover a{ color:#0b4096; font-weight:bold;}
.lst03 li.hover a{ color:#0b4096; font-weight:bold;}
.lst04{height: 300px;background-repeat: no-repeat;background-position: center;z-index: -1;position: relative;}
.lst04 .title{float: left;padding: 90px 0 0 20px;line-height: 40px;font-size: 44px;}
.lst04 .title span{font-weight: bold;font-size: 24px;}
.lst05{height: 49px;line-height: 49px;border-bottom: #e9e9e9 1px solid;padding-left: 20px;background: url(../img/002.jpg) no-repeat left;font-size: 18px;}
.lst06{height: 35px;line-height: 35px;text-align: center;}
.lst07{min-height: 500px;}
.lst08{width: 250px;float: left;margin: 20px 0;}
.lst09{width: 880px;float: right;box-shadow: 0 0 30px rgba(0,0,0,.5);padding:0 20px 20px;margin: 20px 0;min-height: 600px;}
.lst10{height: 70px;line-height: 70px;text-align: center;background: url(../img/009.jpg) no-repeat right top;background-color: #00479d;color: #FFFFFF;font-size: 26px;font-weight: bold;}
.lst11{background: url(../img/010.jpg) repeat-y left;border-bottom: #00479d 3px solid;}
.lst11 li{height: 50px;line-height: 50px;padding-left: 35px;border-bottom: #e5e5e5 2px solid;transition:0.3s;-webkit-transition:0.3s;font-size: 24px;margin-left: 3px;}
.lst11 li:hover{font-weight: bold;background: #eeeeee;box-shadow: 5px 5px 10px rgba(0,0,0,.5);}
.lst11 li.on{font-weight: bold;background: #eeeeee;box-shadow: 5px 5px 10px rgba(0,0,0,.5);}
.lst12{height: 368px;background: url(../img/011.jpg) no-repeat top;margin-top: 5px;}
.lst13{height: 50px;border-top: #272298 4px solid;margin-top: 40px;}
.lst13 .title{width: 210px;height: 50px;line-height: 50px;text-align: center;margin: -28px auto 0;color: #FFFFFF;font-size: 24px;background: #272298;}
.lst13 .more{ float:right; margin-top:-50px;}
.lst14{}
.lst14 li{height: 50px;line-height: 50px;border-bottom: #eeeeee 2px solid;padding-left: 15px;background: url(../img/012.jpg) no-repeat left;}
.lst14 li a{float: left;}
.lst14 li span{width: 100px;float: right;}

/*底部*/
.bt01{padding: 20px;background: #222222;}
.bt02{width: 490px;float: left;text-align: center;}
.bt02 img{margin: 10px auto;}
.bt02 a img{margin:0;}
.bt03{width: 500px;float: right;line-height: 24px;font-size: 20px;color: #FFFFFF;}
.bt03 a{font-size: 20px;color: #FFFFFF;}
.bt04{padding:5px 0;background: #222222;position: absolute;width: 100%;left: 0;bottom: -170px; color:#FFFFFF;transition:0.5s;-webkit-transition:0.5s;}
.bt04 a{color:#FFFFFF;}
.bt04 font{color:#FFFFFF;}
.bt04 input{border:none;color:#FFFFFF; background:none; text-decoration:underline; font-size:16px; margin-left:5px;}
.bt04:hover{bottom: 0;}
.bt05{padding:5px 0;background: #222222;position: absolute;width: 100%;left: 0;bottom: 0px; color:#FFFFFF;}
.bt05 a{color:#FFFFFF;}
.bt05 font{color:#FFFFFF;}
.bt05 input{border:none;color:#FFFFFF; background:none; text-decoration:underline; font-size:16px; margin-left:5px;}
.bt06{ position: absolute; bottom: 40px; left: calc(50% - 600px);}

/*首页*/

/*顶部幻灯片*/
.lubo {width: 100%;clear: both;position: absolute;height: 100%;left: 0;top: 0;}
.lubo_box {position: absolute;width: 100%;height: 100%;}
.lubo_box li {float: left;position: absolute;top: 0;left: 0;width: 100%;height: 100%;filter:alpha(opacity:0); opacity:0;  -moz-opacity:0;-khtml-opacity: 0;}
.lubo_box li a {display: block;width: 100%;height: 100%;}
.lubo_box li img {width: 100%;height: 100%;}
/*圆点*/
.cir_box {overflow: hidden;position: absolute;z-index: 11;}
.cir_box li {float: left;width: 50px;height: 8px;margin: 0 10px;cursor: pointer;background: #5a5a5a;filter:alpha(opacity:80); opacity:0.8;  -moz-opacity:0.8;-khtml-opacity: 0.8;}
.cir_on {background: #FFFFFF !important;}
/*按钮*/
.lubo_btn {position: absolute;width: 100%;top: 40%;}
.left_btn,.right_btn {width: 50px;height: 120px;background: #000;filter:alpha(opacity:30); opacity:0.3;  -moz-opacity:0.3;-khtml-opacity: 0.3;cursor: pointer;color: #fff;line-height: 120px;font-size: 50px;text-align: center;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;font-family: SimSun;}
.left_btn {float: left;}
.right_btn {float: right;}

/*单页布局*/
#cont {width: 100%;position: relative;}
.stage {width: 100%;height: 580px;display: block;position: relative;overflow: hidden;}
#stage1 {}
#stage2 {background: url(../img/003.png) repeat-x top;_background: url(../img/003.png) repeat-x top;}
#stage3 {}
#stage4 {}
#stage5 {background-color: #d44267;}
#stage6 {background-color: #a2c371;}
#guider .bg {z-index: 0;width: 100%;height: 100%;border-radius: 14px;overflow:hidden;background: url(../img/guider_bg5.png) no-repeat top center;filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="../img/guider_bg5.png");_background-image: none;position: absolute;top: 0px;left: 0px;}
#guider {width: 30px;height: 105px;position: absolute;top: 380px;right: 150px;box-shadow: 0 0 20px rgba(0,0,0,.5);border-radius: 14px;}
#guider_link1 {z-index: 1;height: 31px;}
.guider_link {position: relative;z-index: 1;width: 100%;height: 20px;display: block;cursor: pointer;}
#guider_link2.select {background: url(../img/guider1_select.jpg) no-repeat center center;}
#guider_link3.select {background: url(../img/guider2_select.jpg) no-repeat center center;}
#guider_link4.select {background: url(../img/guider_select_plus.jpg) no-repeat center center;}
#guider_link5.select {background: url(../img/guider3_select.jpg) no-repeat center center;}
#guider_link6.select {background: url(../img/guider4_select.jpg) no-repeat center center;}
#logo {position: absolute;top: 2px;left: 2.5px;transform: rotate(0deg);background-color: #35b5d2;border-radius: 50%;}
.btn_down{width:80px;height:80px;position:absolute;bottom:0px;margin-left: -10px;left: 50%;cursor:pointer;}
.index_link{cursor:pointer;}
.index_link1{position:absolute;width:147px;height:19px;left:673px;top:181px;background:url(../img/index_link1.png) no-repeat;}
.index_link1:hover{left:683px;}
.index_link2{position:absolute;width:147px;height:19px;left:703px;top:232px;background:url(../img/index_link2.png) no-repeat;}
.index_link2:hover{left:713px;}
.index_link3{position:absolute;width:147px;height:19px;left:733px;top:280px;background:url(../img/index_link_plus.png) no-repeat;}
.index_link3:hover{left:743px;}
.index_link4{position:absolute;width:167px;height:19px;left:703px;top:328px;background:url(../img/index_link3.png) no-repeat;}
.index_link4:hover{left:713px;}
.index_link5{position:absolute;width:147px;height:19px;left:673px;top:374px;background:url(../img/index_link4.png) no-repeat;}
.index_link5:hover{left:683px;}
.btn_down {width: 80px;height: 80px;position: absolute;bottom: 0px;margin-left: -40px;left: 50%;cursor: pointer;}
.sign {position:absolute; width: 32px;height:12px;left:24px;}
#sign1_1{background: url(../img/sign1.png) no-repeat ;bottom: 30px;}
#sign2_1{background: url(../img/sign2.png) no-repeat ;bottom: 38px;}
#sign3_1{background: url(../img/sign3.png) no-repeat ;bottom: 46px;}
.signImg1{background: url(../img/sign_1.png) no-repeat ;bottom: 30px;}
.signImg2{background: url(../img/sign_2.png) no-repeat ;bottom: 38px;}
.signImg3{background: url(../img/sign_3.png) no-repeat ;bottom: 46px;}


.test{width: 60px;height: 60px;background: chocolate;color: #FFFFFF;position: fixed;left: 5%;top: 40%;z-index: 50;}

.idx00{width: 1200px;margin: auto;}
.idx01{height: 120px;position: relative;z-index: 10;}
.idx01 .bg{position: absolute;width: 100%;height: 100%;background: #FFFFFF;z-index: -1;filter:alpha(opacity:50); opacity:0.5;  -moz-opacity:0.5;-khtml-opacity: 0.5;}
.idx01 a{color: #FFFFFF; font-size: 22px;}
.idx01 li:hover{border-bottom: #FFFFFF 4px solid;}
#stage1 .cover{position: absolute;width: 100%;height: 100%;z-index: 15;background: #FFFFFF;filter:alpha(opacity:0); opacity:0;  -moz-opacity:0;-khtml-opacity: 0;transition:0.5s;-webkit-transition:0.5s;}
#stage1 .cover.on{filter:alpha(opacity:100); opacity:1;  -moz-opacity:1;-khtml-opacity: 1;}
.idx02{-moz-box-shadow:0 50px 100px rgba(16, 99, 153, .5) inset;
-webkit-box-shadow:0 50px 100px rgba(16, 99, 153, .5) inset;
box-shadow:0 50px 100px rgba(16, 99, 153, .5) inset;}
.idx02 .title{height: 66px;position: absolute;width: 100%;line-height: 66px;text-align: center;left: 0;top:0;background: url(../img/004.png) no-repeat center;font-size: 40px;filter:alpha(opacity:0); opacity:0;  -moz-opacity:0;-khtml-opacity: 0;transition:1s;-webkit-transition:1s;}
.idx02 .content{height: 50px;line-height: 50px;margin-top: -50px;font-size: 30px;text-align: center;transition:1s;-webkit-transition:1s;}
.idx02 .link{width: 1250px;margin:90% auto 0;transition:1s;-webkit-transition:1s;filter:alpha(opacity:0); opacity:0;  -moz-opacity:0;-khtml-opacity: 0;}
.idx02 .link a{width: 380px;height: 359px;overflow: hidden;float: left;text-align: center;line-height: 36px;color: #FFFFFF;font-size: 20px;margin-right: 30px;transition:0.5s;-webkit-transition:0.5s;}
.idx02 .link a:hover{margin-top: 20px;}
.idx02 .link .span{height: 40px;line-height: 40px;font-size: 30px;display: block;padding: 165px 0 20px;}
.idx02 .pd1{background: url(../img/013.jpg) no-repeat;box-shadow: 0 0 30px rgba(2,200,229,.5);}
.idx02 .pd2{background: url(../img/014.jpg) no-repeat;box-shadow: 0 0 30px rgba(255,169,2,.5);}
.idx02 .pd3{background: url(../img/015.jpg) no-repeat;box-shadow: 0 0 30px rgba(128,169,251,.5);}
/*.idx02 .pd1,.idx02 .pd2,.idx02 .pd3{transition:1s;-webkit-transition:1s;filter:alpha(opacity:0); opacity:0;  -moz-opacity:0;-khtml-opacity: 0;}*/


.idx02.on .title{top:5%;filter:alpha(opacity:100); opacity:1;  -moz-opacity:1;-khtml-opacity: 1;}
.idx02.on .content{margin-top: 150px;}
.idx02.on .link{filter:alpha(opacity:100); opacity:1;  -moz-opacity:1;-khtml-opacity: 1;margin:40px auto;}




.idx03{}
.idx03 .bg{position: absolute;width: 100%;height: 100%;z-index: -1;filter:alpha(opacity:0); opacity:0;  -moz-opacity:0;-khtml-opacity: 0;transition:1s;-webkit-transition:1s;}
.idx03 .bg img{width: 100%;height: 100%;}
.idx03 .title{height: 66px;position: absolute;width: 100%;line-height: 66px;text-align: center;left: 0;top:0;background: url(../img/005.png) no-repeat center;color:#FFFFFF;font-size: 40px;filter:alpha(opacity:0); opacity:0;  -moz-opacity:0;-khtml-opacity: 0;transition:1s;-webkit-transition:1s;}
.idx03 .news{width: 1200px;margin:10% auto 0;}
.idx03 .new1{width: 480px;height: 500px;float: left;background: #FFFFFF;margin-left: -101%;transition:1s;-webkit-transition:1s;}
.idx03 .new1 img{width: 100%;height: 270px;}
.idx03 .info{padding: 20px 35px 0;line-height: 32px;font-size: 18px;}
.idx03 .info .col{height: 40px;line-height: 40px;font-size: 26px;}
.idx03 .info .title2{display: block;height: 70px;}
.idx03 .info .line{width: 50px;height: 2px;background: #c0c0c8;margin: 10px 0;}
.idx03 .info .date{color: #bcbcbc;}
.idx03 .new2{width: 665px;float: right;margin-right: -101%;transition:1s;-webkit-transition:1s;}
.idx03 .new2 li{height: 154px;margin-bottom: 20px;overflow: hidden;}
.idx03 .new2 li .img{width: 200px;height: 150px;background: #FFFFFF;float: left;padding: 2px;border-radius: 2px;}
.idx03 .new2 li .img img{width: 200px;height: 150px;}
.idx03 .new2 li .rinfo{width: 430px;float: right;line-height: 36px;padding-top: 6px;font-size: 24px;}
.idx03 .new2 li .rinfo a{display: block;color: #FFFFFF;height: 85px;}
.idx03 .new2 li .rinfo span{line-height: 30px;color: #b3e3e1;}



.idx03.on .bg{filter:alpha(opacity:100); opacity:1;  -moz-opacity:1;-khtml-opacity: 1;}
.idx03.on .title{top:8%;filter:alpha(opacity:100); opacity:1;  -moz-opacity:1;-khtml-opacity: 1;}
.idx03.on .new1{margin-left: 0;}
.idx03.on .new2{margin-right: 0;}


.idx04{}
.idx04 .bg{position: absolute;width: 100%;height: 100%;z-index: -1;filter:alpha(opacity:0); opacity:0;  -moz-opacity:0;-khtml-opacity: 0;transition:1s;-webkit-transition:1s;}
.idx04 .bg img{width: 100%;height: 100%;}
.idx04 .title{height: 66px;position: absolute;width: 100%;line-height: 66px;text-align: center;left: 0;top:0;background: url(../img/004.png) no-repeat center;font-size: 40px;filter:alpha(opacity:0); opacity:0;  -moz-opacity:0;-khtml-opacity: 0;transition:1s;-webkit-transition:1s;}
.idx04 .content{height: 50px;line-height: 50px;margin-top: -50px;font-size: 30px;text-align: center;color:#7d7d7d;transition:1s;-webkit-transition:1s;}
.idx04 .photo{width: 1200px;position: relative;margin:20px auto 0;}
.idx04 .photo li{padding: 4px;background: #FFFFFF;box-shadow: 0 0 30px rgba(0,0,0,.5);float: left;margin: 10px 20px;filter:alpha(opacity:0); opacity:0;  -moz-opacity:0;-khtml-opacity: 0;transition:1s;-webkit-transition:1s; width:340px; height:220px;}
.idx04 .photo li img{width:100%; height:100%;transition:1s;-webkit-transition:1s;}


.idx04.on .bg{filter:alpha(opacity:100); opacity:1;  -moz-opacity:1;-khtml-opacity: 1;}
.idx04.on .title{top:20px;filter:alpha(opacity:100); opacity:1;  -moz-opacity:1;-khtml-opacity: 1;}
.idx04.on .content{margin-top: 100px;}
.idx04.on .photo li{filter:alpha(opacity:100); opacity:1;  -moz-opacity:1;-khtml-opacity: 1;}
.idx04.on .photo li img{width:100%; height:100%;}



/*新闻中心3d幻灯片*/
.new01 .button {
	display: inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: 0;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .25em .6em .3em;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2)
}

.new01 .red {
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#A51715));
	background: -moz-linear-gradient(top, #ed1c24, #A51715);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317')
}

.new01 .red:hover {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top, #c9151b, #a11115);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
	color: #fff
}

.new01 .red:active {
	color: #de898c;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top, #aa1317, #ed1c24);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24')
}

.new01 .cor_bs,
.new01 .cor_bs:hover {
	color: #fff
}

.new01 .keBody {
	repeat;
	background-color: #3d3d3d
}

.new01 .keTxtP {
	font-size: 16px;
	color: #fff
}

.new01 .keUrl {
	color: #fff;
	font-size: 30px
}

.new01 .keUrl:hover {
	text-decoration: underline;
	color: #fff
}

.new01 .mKeBanner,
.new01 .mKeBanner div {
	text-align: center
}

.new01 #d_tab29 ul,
.new01 #d_tab29 li {
	margin: 0;
	padding: 0;
	list-style: none
}

.new01 #d_tab29 img {
	border: 0;
	vertical-align: top
}

.new01 #d_tab29 {
	position: relative;
	height: 530px;
	/*background: url(../img/bg3.jpg) no-repeat center 0;*/
	margin:auto;
}

.new01 #d_tab29 .d_img {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 100%
}

.new01 #d_tab29 .d_img li {
	position: absolute;
	display: none;
	z-index: 0;
	overflow: hidden;
}

.new01 #d_tab29 .d_img .cont {
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: rgba(0, 0, 0, .5);
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 99999;
	text-align: center;
	font-size: 20px;
	color: #FFFFFF;
}

.new01 #d_tab29 .d_img li img {
	width: 100%;
	height: 100%;
}

.new01 #d_tab29 .d_img li.d_pos1 {
	display: block;
	width: 650px;
	height: 360px;
	left: 0;
	top: 60px;
	z-index: 1
}

.new01 #d_tab29 .d_img li.d_pos2 {
	display: block;
	width: 730px;
	height: 410px;
	left: 100px;
	top: 40px;
	z-index: 2
}

.new01 #d_tab29 .d_img li.d_pos3 {
	display: block;
	width: 810px;
	height: 460px;
	left: 190px;
	top: 20px;
	z-index: 3
}

.new01 #d_tab29 .d_img li.d_pos4 {
	display: block;
	width: 730px;
	height: 410px;
	right: 100px;
	top: 40px;
	z-index: 2
}

.new01 #d_tab29 .d_img li.d_pos5 {
	display: block;
	width: 650px;
	height: 360px;
	right: 0;
	top: 60px;
	z-index: 1
}

.new01 #d_tab29 .d_menu {
	position: absolute;
	bottom: 20px;
	width: 100%;
	text-align: center
}

.new01 #d_tab29 .d_menu li {
	display: inline-block;
	zoom: 1;
	*display: inline;
	background: url(../img/btn.png) no-repeat 0 0;
	width: 12px;
	height: 12px;
	cursor: pointer;
	margin-right: 3px
}

.new01 #d_tab29 .d_menu li.d_select {
	background: url(../img/btn.png) no-repeat 0 -18px
}

.new01 #d_tab29 .d_next {
	position: absolute;
	right:-20px;
	/*margin-left: 475px;*/
	top: 40%;
	z-index: 10;
	cursor: pointer
}

.new01 #d_tab29 .d_prev {
	position: absolute;
	left: -20px;
	/*margin-left: -525px;*/
	top: 40%;
	z-index: 10;
	cursor: pointer
}

.new02{height: 50px;line-height: 50px;background: url(../img/004.png) no-repeat center;font-size: 36px;font-weight: bold;margin-top: 30px;text-align: center;}
.new03{}
.new03 li{padding: 20px 0;height: 160px;overflow: hidden;border-bottom: #e3e3e3 1px solid;}
.new03 li .img{width: 290px;height: 160px;float: left;}
.new03 li .img img{width: 100%;height: 100%;}
.new03 li .info{width: 860px;float: right;margin-right: 8px;}
.new03 li .title{height: 34px;display: block;overflow: hidden;font-size:24px;line-height: 30px;}
.new03 li .content{height: 83px;line-height: 30px;font-size: 18px;color: #666666;text-indent: 2em;padding-top: 13px;}
.new03 li .date{height: 30px;line-height: 30px;color: #999999;font-size: 16px;}


/*关于我们*/
.ab01{width: 1250px;margin-top: 20px;}
.ab01 li{width: 538px;height: 275px;padding:25px 25px 0;border: #e9e9e9 1px solid;box-shadow: 0 0 10px rgba(233,233,233,.8);float: left;margin: 20px 20px 0 0;position: relative;}
.ab01 li .no{height: 46px;border-bottom: #1e6cee 5px solid;width: 70px;font-size: 45px;color: #ededed;font-weight: bold;font-family: "arial black";}
.ab01 li .bg{position: absolute;top: 10px;right: 20px;z-index: -1;}
.ab01 li .title{height: 35px;line-height: 35px;overflow: hidden;padding: 25px 0 10px;font-size: 26px;color: #1e6cee;font-weight: bold;}
.ab01 li .content{line-height: 30px;color: #666666;}
.ab02{height: 800px;background: url(../img/007.jpg) no-repeat bottom center;padding-top: 30px;margin-top: 20px;}
.ab03{height: 50px;line-height: 50px;margin-top: 20px;font-size: 30px;text-align: center;color:#7d7d7d;}
.ab04 {width: 1200px;position: relative;margin:30px auto 0;}
.ab04 li{padding: 4px;background: #FFFFFF;box-shadow: 0 0 30px rgba(0,0,0,.5);float: left;margin: 10px 15px;width:360px; height:225px;}
.ab04 li img{width:100%; height:100%;}
.ab05{background: url(../img/021.jpg) repeat-y center;margin: 20px auto;}
.ab05 li{width: 587px;line-height: 30px;color: #666666;font-size: 18px;}
.ab05 li.left{text-align: right;padding-right: 24px;background: url(../img/022.png) no-repeat right 9px;float: left;}
.ab05 li.left .span{display: block;width: 100px;height: 38px;line-height: 38px;padding-right: 7px;text-align: center;color: #FFFFFF;font-size: 20px;background: url(../img/023.png) no-repeat left;float: right;}
.ab05 li.left .span:after{clear: both;}
.ab05 li.left .content{clear: both;padding:10px 15px;}
.ab05 li.right{text-align:left;padding-left: 24px;background: url(../img/022.png) no-repeat left 9px;float: right;}
.ab05 li.right .span{display: block;width: 100px;height: 38px;line-height: 38px;padding-left: 7px;text-align: center;color: #FFFFFF;font-size: 20px;background: url(../img/024.png) no-repeat left;float: left;}
.ab05 li.right .span:after{clear: both;}
.ab05 li.right .content{clear: both;padding:10px 15px;}
.ab06{height: 800px;background: url(../img/map.jpg) no-repeat center;margin-top: 50px;}
.ab06 .info{width: 460px;height: 410px;padding:30px;background: rgba(255,255,255,.8);position: absolute;left: 0;top: 0;line-height: 36px;color: #666666;font-size: 20px;}
.ab06 .info .title{height: 60px;line-height: 60px;color: #000000;font-size: 36px;font-weight: bold;}
.ab06 .info .title span{color: #1d6cd8;}


/*产品库*/
.prd01{line-height: 36px;font-size: 20px;color: #666666;text-indent: 2em;}
.prd02{height: 50px;line-height: 50px;margin: 20px 0;font-size: 30px;font-weight: bold;}
.prd03 li{padding: 15px 40px;border: #c5c6c7 1px solid;line-height: 36px;font-size: 20px;color: #666666;margin-top: 20px;}
.prd03 li span{font-weight: bold;padding-bottom: 8px;}
.prd04{width: 1210px;margin-top: 40px;}
.prd04 li{width: 280px;height: 440px;float: left;padding: 60px 30px 0;color: #FFFFFF;line-height: 32px;font-size: 20px;margin-right: 60px; text-indent:2em;}
.prd04 li span{line-height: 60px;font-size: 36px;font-weight: bold;padding-bottom: 20px;display: block;}
.prd04 li.no1{background: url(../img/026.jpg) no-repeat;box-shadow: 0 10px 30px rgba(19,94,230,.5);}
.prd04 li.no2{background: url(../img/027.jpg) no-repeat;box-shadow: 0 10px 30px rgba(197,95,62,.5);}
.prd04 li.no3{background: url(../img/028.jpg) no-repeat;box-shadow: 0 10px 30px rgba(0,147,92,.5);}
.prd05{background: #f8f8f8;padding: 30px 0 50px;margin-top: 30px;}
.prd06 li{width: 262px;height: 182px;border: #d5d6d8 1px solid;background: #FFFFFF;float: left;text-align: center;margin: 30px 0 0 28px;overflow: hidden;line-height: 40px;font-size: 24px;font-weight: bold;}
.prd06 li .img{width: 220px;height: 90px;margin: 20px auto 5px;overflow: hidden;}
.prd06 li .img img{max-width: 220px;max-height: 90px;_height: 90px;}

.prd07{height: 890px;background: url(../img/030.jpg) no-repeat center;margin-top: 60px;}
.prd08{width: 550px;margin: auto;padding: 380px 0 0 650px;}
.prd08 .title{height: 50px;line-height: 50px;font-size: 36px;}
.prd08 .ul li{width: 216px;height: 54px;border: #1f87e0 1px solid;line-height: 54px;text-align: center;font-size: 24px;color: #1f87e0;float: left;margin: 20px 50px 0 0;border-radius: 10px;}
.prd09{padding: 30px;background: #fafbfb;}
.prd10{width: 1300px;}
.prd10 li{width: 418px;height: 198px;border: #777777 1px solid;float: left;overflow: hidden;margin: 58px 78px 0 0;line-height: 36px;text-align: center;padding: 40px 70px 0;font-size: 20px;}
.prd10 li img{margin-bottom: 20px;}
.prd11{height: 70px;line-height: 70px;border-bottom: #4dac66 6px solid;font-size: 38px;width:200px;text-align:center;margin: auto;padding:0 10px;display: table;}
.prd12{padding: 20px 70px;border: #b5b5b5 1px solid;border-radius: 35px;line-height: 45px;color: #666666;font-size: 20px;}
.prd13{margin: 40px auto;}
.prd14{background: #f5f5f5;padding: 30px;}
.prd15{width: 627px;height: 507px;float: left;margin: 30px 0 0 30px;background: url(../img/037.jpg) no-repeat;position: relative;}
.prd15 li{width: 576px;height: 324px;filter:alpha(opacity:0); opacity:0;  -moz-opacity:0;-khtml-opacity: 0;transition:0.5s;-webkit-transition:0.5s;position: absolute;left: 25px;top: 23px;}
.prd15 li.on{filter:alpha(opacity:100); opacity:1;  -moz-opacity:1;-khtml-opacity: 1;}
.prd15 img{width: 100%;height: 100%;}
.prd16{float: left;padding-top: 30px;}
.prd16 td{width: 370px;height: 90px;text-align: center;line-height: 32px;font-size: 24px;color: #FFFFFF;cursor: pointer;border-radius: 45px;background: #a7a0a0;transition:0.5s;-webkit-transition:0.5s;}
.prd16 td.on{background: #fd6e6e;}
.prd17{width: 470px;margin: auto;height: 350px;background: url(../img/041.jpg) no-repeat left center;line-height: 70px;font-size: 36px;padding: 150px 0 0 670px;}
.prd18{height: 600px;background: url(../img/042.jpg) no-repeat center;background-color: #80b5e8;line-height: 70px;font-size: 36px;color: #FFFFFF;}
.prd18 .content{width: 1140px;margin: auto;padding-top: 180px;}
.prd19{width: 540px;margin: auto;height: 450px;background: url(../img/043.jpg) no-repeat left center;line-height: 70px;font-size: 36px;padding: 150px 0 0 600px;}
.prd20{height: 600px;background: url(../img/044.jpg) no-repeat center;background-color: #9eccaa;line-height: 70px;font-size: 36px;color: #FFFFFF;}
.prd20 .content{width: 1140px;margin: auto;padding-top: 180px;}
.prd22{height: 116px;line-height: 116px;text-align: center;background: url(../img/046.jpg) no-repeat bottom center;font-size: 36px;font-weight: bold;}
.prd23{height: 314px;padding:46px 0 0 60px;background: url(../img/047.jpg) no-repeat center;border-radius: 10px;margin-top: 45px;box-shadow:0 0 50px rgba(36,152,193,.8);color: #FFFFFF;}
.prd23 .title{height: 50px;line-height: 50px;font-size: 36px;font-weight: bold;}
.prd23 .info{width: 450px;margin-top: 20px;}
.prd23 .info li{width: 192px;height: 40px;line-height: 40px;padding-left: 18px;float: left;background: url(../img/048.png) no-repeat left;font-size: 20px;}
.prd23 .link{width: 178px;height: 58px;border: #FFFFFF 1px solid;display: block;line-height: 58px;text-align: center;font-size: 20px;margin-top: 40px;color: #FFFFFF;border-radius: 6px;}
.prd24{width: 1300px;margin-top: 40px;}
.prd24 li{width: 520px;height: 200px;float: left;margin: 0 78px 78px 0;padding: 60px 0 0 40px;color: #FFFFFF;border-radius: 8px;}
.prd24 li .title{height: 100px;font-size: 30px;font-weight: bold;}
.prd24 li .link{width: 158px;height: 46px;border: #FFFFFF 1px solid;display: block;line-height: 46px;text-align: center;font-size: 20px;color: #FFFFFF;border-radius: 5px;}
.prd24 li.no1{background: url(../img/049.jpg) no-repeat center;box-shadow:0 10px 30px rgba(245,152,44,.8);}
.prd24 li.no2{background: url(../img/050.jpg) no-repeat center;box-shadow:0 10px 30px rgba(90,195,105,.8);}
.prd24 li.no3{background: url(../img/051.jpg) no-repeat center;box-shadow:0 10px 30px rgba(245,105,103,.8);}
.prd24 li.no4{background: url(../img/052.jpg) no-repeat center;box-shadow:0 10px 30px rgba(36,136,253,.8);}

.prd25{height: 1600px;background: url(../img/054.jpg) no-repeat center;background-color: #f7fafc; position:relative; z-index:-1;}
.prd26{height: 120px;line-height: 116px;text-align: center;background: url(../img/055.png) no-repeat bottom center;font-size: 48px;}
.prd27{line-height: 32px;padding: 30px 0 10px;text-align: center;font-size: 20px;}
.prd28{line-height: 32px;padding: 30px 30px 10px;font-size: 20px;text-indent: 2em;}
.prd29{height: 70px;line-height: 70px;border-bottom: #dfdede 1px solid;padding-left: 48px;background: url(../img/058.png) no-repeat 3px;font-size: 30px;color: #4289ee;font-weight: bold;}
.prd30{height: 50px;line-height: 50px;padding-left: 18px;background: url(../img/059.jpg) no-repeat left;font-size: 30px;}
.prd31{line-height: 36px;color: #666666;font-size: 20px;padding: 10px 20px;}
.prd32{min-height: 410px;background: url(../img/060.png) no-repeat right top;}
.prd33{line-height: 48px;width:560px;color: #666666;font-size: 20px;padding: 10px 20px;}
.prd34{height: 42px;line-height: 42px;background: url(../img/061.jpg) repeat-x center;margin: 20px 0;font-size: 26px;}
.prd34 .title1{float: left;padding: 0 40px 0 20px;background: url(../img/048.png) no-repeat left;background-color: #FFFFFF;}
.prd34 .title2{float: left;padding: 0 40px 0 20px;background: url(../img/048.png) no-repeat left;background-color: #f8fbfd;}
.prd35 li{width: 180px;height: 210px;float: left;margin-right: 50px;position: relative;cursor: pointer;}
.prd35 li .img{height: 55px;line-height: 28px;font-size: 20px;text-align: center;box-shadow: 0 0 30px rgba(131,131,131,.8);border-radius: 20px;padding-top: 125px;color: #2a66a8;}
.prd35 li .b1{background: url(../img/062.png) no-repeat center 30px;transition:0.5s;-webkit-transition:0.5s;}
.prd35 li .b2{background: url(../img/063.png) no-repeat center 30px;transition:0.5s;-webkit-transition:0.5s;}
.prd35 li .b3{background: url(../img/064.png) no-repeat center 30px;transition:0.5s;-webkit-transition:0.5s;}
.prd35 li .b4{background: url(../img/065.png) no-repeat center 30px;transition:0.5s;-webkit-transition:0.5s;}
.prd35 li .b5{background: url(../img/066.png) no-repeat center 30px;transition:0.5s;-webkit-transition:0.5s;}
.prd35 li .bt{width: 19px;height: 10px;background: url(../img/063.jpg) no-repeat;position: absolute;bottom: -1px;left: 45%;display: none;transition:0.5s;-webkit-transition:0.5s;}
.prd35 li.on .bt{display: block;}
.prd35 li.on .b1{background: url(../img/062_h.png) no-repeat center 30px;background-color:#f9d190;color: #935701;}
.prd35 li.on .b2{background: url(../img/063_h.png) no-repeat center 30px;background-color:#fe9c9e;color: #d53336;}
.prd35 li.on .b3{background: url(../img/064_h.png) no-repeat center 30px;background-color:#9ff8b7;color: #1aa43c;}
.prd35 li.on .b4{background: url(../img/065_h.png) no-repeat center 30px;background-color:#8cd0f6;color: #0b659a;}
.prd35 li.on .b5{background: url(../img/066_h.png) no-repeat center 30px;background-color:#b7b7f9;color: #5252d7;}
.prd36{min-height: 80px;border: #cccccc 1px dashed;padding: 20px;line-height: 32px;font-size: 18px;color: #666666;border-radius: 10px;}
.prd36 p{text-indent: 2em;transition:0.5s;-webkit-transition:0.5s;}
.prd37{background: #f8fbfd;padding: 40px;}
.prd38{height: 70px;line-height: 70px;border-bottom: #dfdede 1px solid;padding-left: 48px;background: url(../img/067.png) no-repeat 3px;font-size: 30px;color: #4289ee;font-weight: bold;}
.prd39{min-height: 410px;background: url(../img/068.png) no-repeat right top;}
.prd40{line-height: 48px;width:500px;color: #666666;font-size: 20px;padding: 10px 20px;}
.prd41{width: 1200px;}
.prd41 li{width: 210px;height: 196px;float: left;margin-right: 50px;border-radius: 5px;padding: 20px 20px 0;color: #FFFFFF;line-height: 32px;font-size: 20px;}
.prd41 li .title{height: 55px;line-height: 55px;text-align: center;font-size: 26px;}
.prd41 li.no1{background: #47e196;}
.prd41 li.no2{background: #36c4fd;}
.prd41 li.no3{background: #2ae4d8;}
.prd41 li.no4{background: #8c91f1;}
.prd42{height: 70px;line-height: 70px;border-bottom: #dfdede 1px solid;padding-left: 48px;background: url(../img/069.png) no-repeat 3px;font-size: 30px;color: #4289ee;font-weight: bold;}
.prd43 li{width: 500px;float: left;line-height: 32px;font-size: 18px;margin:0 80px 25px 0;}
.prd43 li .title{padding-left: 20px;background: url(../img/070.png) no-repeat left;height: 36px;line-height: 36px;}
.prd44{height: 70px;line-height: 70px;border-bottom: #dfdede 1px solid;padding-left: 48px;background: url(../img/071.png) no-repeat 3px;font-size: 30px;color: #4289ee;font-weight: bold;}
.prd45{width: 1200px;margin-top: 20px;}
.prd45 li{width: 468px;height: 315px;background: #FFFFFF;margin-right: 42px;box-shadow: 0 0 30px rgba(144,186,236,.8);border-radius: 5px;float: left;line-height: 36px;font-size: 20px;color: #666666;padding: 25px 40px 0;}
.prd45 li .title{height: 52px;line-height: 52px;text-align: center;font-size: 28px;}
.prd46{height: 640px;background: url(../img/075.jpg) no-repeat center;margin-top: 40px;}
.prd47{padding: 30px;line-height: 48px;font-size: 20px;color: #666666;}
.prd47 .title{height: 30px;line-height: 30px;}
.prd47 p{background: url(../img/076.jpg) no-repeat left;padding-left: 20px;}


.page {
	display: none;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}



.current {
	display: block;
	z-index: 1
}

.slide {
	display: block;
	z-index: 2
}



.fullbg {
	margin: 0 auto;
	overflow: hidden;
}


.fruits {
	height: 100%
}

.bg-fruits {
	
	
}



#navBar {
	z-index: 3;
	position: absolute;
	top: 40%;
	right: 3%
}

#navBar li {
	cursor: pointer;
	margin-bottom: 30px;
	transition: all .7s ease;
	border-radius: 50%;
	text-align: center;
	width: 12px;
	height: 12px;
	border: 3px solid #fff;
	background: #999
}

#navBar li,:after,:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

#navBar {
	width: 11px;
	height: 460px;
}

#navBar li {
	position: relative
}

#navBar li.active {
	width: 12px;
	height: 12px;
	border: 3px solid #33bcb7;
	background: #fff
}

#navBar li p {
	width: 83px;
	height: 35px;
	position: absolute;
	right: 12px;
	top: -15px;
	color: #fff;
	font-size: 14px;
	line-height: 35px;
	background: url(../img/m_icon.png) no-repeat center;
	display: none
}

#navBar li.active p {
	display: block;
	animation: slideInRight1 .5s both alternate;
	-webkit-animation: slideInRight1 .5s both alternate;
	-moz-animation: slideInRight1 .5s both alternate;
	-ms-animation: slideInRight1 .5s both alternate
}

#navBar li:hover p {
	display: block;
	animation: slideInRight1 .5s both alternate;
	-webkit-animation: slideInRight1 .5s both alternate;
	-moz-animation: slideInRight1 .5s both alternate;
	-ms-animation: slideInRight1 .5s both alternate
}